i,em{ font-style:normal;}
.top{height:152px;background: url(../images/head.png) repeat-x top center;}
.container{
margin:0 auto;
width:1400px;}
.fl {
float:left;
}
.fr {
float:right;
}
.wel{
font-size: 14px;
color: #333333;
line-height: 37px;
}
.k1{
font-size: 14px;
color: #333333;
line-height: 37px;
}
.tou {
height: 37px;
}
.k1 a{
color: #333333;
}
i,em{ font-style:normal;}
/*head*/
.head_bg{top: 0; z-index: 99; width: 1400px; transition: .3s all ease; height: 120px; margin: 0 auto;}
.head_fl{display: flex; float: left; height:120px;}
.head_logo{ float:left; padding-top:0;}
.head_t{float: left; font-size:34px; color:#dc2521; font-weight:bold; padding-top:27px;}
.head_t p{ font-size:12px; color:#999; text-transform:uppercase; font-weight:normal; }
.head_x{float: left; width:1px; background: #e0e0e0; height: 50px; margin: 40px 10px;}
.head_t1{float: left; font-size:24px; color:#333; padding-top:32px; line-height:30px; font-weight: bold;}
.head_t1 p{ font-size:16px; color:#666; font-weight:normal;}
/*nav*/
.nav{height: 120px; position: relative; display: flex;}
.menu{ float: left;width: 800px;}
.NavCeshi{}
.NavCeshi .r{background: none;}
.NavCeshi > li { float: left; transition: 0.2s all ease-in-out; position: relative; padding:0px 20px;}
.NavCeshi > li:first-child{}
.NavCeshi > li > a { display: block; text-align: center; padding: 0px 0; font-size: 16px; line-height:120px; color: #333; transition: 0.2s all ease-in-out; height: 120px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after,.NavCeshi > li > a::after{ content: ''; width: 0%; height: 2px; background: #dc2521; display: block; position: absolute; left: 0; bottom: 0; transition:0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after,.NavCeshi > li.navcurrent > a::after,.NavCeshi > li:hover > a:after,.NavCeshi > li:hover > a::after{ width: 100%; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #dc2521; font-weight:bold;}
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ }
.NavCeshi li>.nav2 {display: none; position:absolute; left:-27px; top:130px; z-index: 99999;}
.NavCeshi li>.nav2 a{display: block; margin-top: 1px; background:#fff; height: 62px; line-height: 62px; width: 163px; font-size: 15px; text-align: center; color:#333; border-bottom: none;}
#aa2 > .nav2 {}
#aa2 > .nav2 a { width:150px; font-size: 15px;}
.NavCeshi li>.nav2 a:hover{background:#dc2521; color: #fff;}
.nav2 b{color:#999;}
.erji_menu {display: none;padding: 40px 0px 40px 0px;position: absolute;left:-420px;border-top: 1px solid #eee;background-color: #fff;z-index: 999;top: 120px; width:680px;}
.erjinr {margin:0 auto;width:100%;padding:0 40px;overflow:hidden;}
.erjinr1 {float:left;padding-top:8px;font-size:20px;font-weight:bold;color:#333;margin-right:70px; line-height:26px !important;}
.erji_menu a {font-size:13px;}
.erji_menu .erjinr1 a {display:block;width:120px;height:32px;font-family:Arial,Helvetica,sans-serif;color:#999 !important;font-size:13px;line-height:32px;text-align:center;text-transform:uppercase;border:1px solid #cecece;margin-top:16px;font-weight:normal!important;}
.erjinr2 {float:left;}
.erji_menu .erjinr2 a {display:block; line-height:36px;height:auto;font-size:14px; color:#333 !important; width: inherit !important; text-align: left;}
.erji_menu .erjinr2 a:hover{ text-decoration:underline; color:#dc2521 !important;}
.erjinr21 {float:left;padding-right:25px;border-right:1px solid #e9e9e9;}
.erjinr22 {float:left;padding-left:25px;}
.erjinr23 {float:left;padding:0 25px;border-right:1px solid #e9e9e9;}
.erjinr3 {float:left;width:215px; margin-left: 30px;}
.erjinr3 img {width:100%;}
.erjinr31 {float:left;width:215px; margin-top: 20px;}
.erjinr31 img {width:100%;}
.erji_menu .erjinr3 a {line-height:30px;height:auto;font-size:13px;}
.erjinr3 span{display:block; padding-bottom:3px;}
.erjinr2 a {
font-size: 14px!important;
color: #333;
font-weight: 100!important;
}
.nav_c>ul>li:nth-child(3) .erji_menu .erjinr{width: 929px;
padding-left: 10%;}
.head_pho{ float:right;height: 120px; width: 12%}
.icon {
height: 100%;
}
@media screen and (max-width: 1400px){
.nav_c ul li:after{right: -17px;}
}
@media screen and (max-width: 1430px){
.logo_c b{display: none;}
.logo_line{display: none;}
.hea_rc{width: 70%;}
}
.pho_wz p,.pho_wz b{color: #fff;}
.pho_wz p{font-size: 1rem;}
.pho_wz b{font-size: 1.4rem;}
.pho_ic{width: 37px;height: 37px;border-radius: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;}
/*关键è¯*/
.search{display:flex;align-items:end;justify-content:space-between;width: 100%;}
.icon>div{width:36px; position:relative;padding-top:44px; margin: 0 9px;}
.icon>div i{width:28px;height:28px;border-radius:100%;color:#fff;user-select:none;transition:all 0.5s;display: flex; align-items: center; justify-content: center;background: #dc2521;position: relative;}
.icon>div i:after{position: absolute;content: "";width: 36px;height: 36px;border-radius: 100%;background: rgba(39,157,61,0.5);top: -4px;left: -4px;z-index: -1}
.icon>div i span{font-size: 16px;}
.icon>div:hover i{background: #80b23f;}
.icon>div:hover i span{color: #dc2521;}
.icon>div:hover i:after{background: rgba(128,178,63,0.5);}
.iser_box,.itel_box{background:rgba(255,255,255,0.8);position:absolute;top:120px;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content:end;width:750px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #333;font-size: 14px;}
.search_l a:hover{ text-decoration:underline; color:#dc2521;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:178px;}
.itel_box p{color:#dc2521;position:relative; font-family:fontDin1;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box p img{width:100%;height:auto;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}
.search_l .iconfont{font-size: 16px;}
.dh_h{font-size:27px;font-weight:bold;}
.dh_c{width:200px;}
.foot{ background:url(../images/f_bg.gif) repeat-x center top;height:526px; padding-top:60px; overflow:hidden;}
.footer{ min-width:1200px; max-width:1920px; width:70.83%; margin:0 auto;}
.sud{ height:155px;}
.sud li{ width:25%; float:left;}
.sud li img{ display:block; float:left; width:60px; height:54px;}
.sud li span{ display:block; width:55.88%; margin-left:2%; font-size:1.375rem; font-weight:bold; color:#333; float:left;}
.sud li span em{ display:block; font-size:1.125rem; color:#898989; font-weight:normal; margin-top:0.3rem;}
.sud li:hover{transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.tit1{ height:62px; width:50%; font-size:1.125rem; font-weight:bold; line-height:62px; color:#333333; border-bottom:1px solid #d3d3d3; position:relative; margin-bottom:20px;}
.tit1:before{ content:""; position:absolute; bottom:-2px; left:0; width:25px; height:3px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e30024+0,ee850e+100 */
background: rgb(227,0,36); /* Old browsers */
background: -moz-linear-gradient(left, rgba(227,0,36,1) 0%, rgba(238,133,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(227,0,36,1) 0%,rgba(238,133,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(227,0,36,1) 0%,rgba(238,133,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30024', endColorstr='#ee850e',GradientType=1 );}
.tit1 a{ display:block; color:#333333;}
.fnav{ width:20%; float:left; height:307px; overflow:hidden;}
.fnav p{ font-size:0.875rem;}
.fnav p a{ display:block;font-size:0.875rem; line-height:1.875rem; height:1.875rem; overflow:hidden;}
.fnav p a:hover,.foot2 a:hover{ font-weight:bold; color:#e30224;}
.fwz{ width:25%;}
.fwz .tit1{ width:100%;}
.fwz p{font-size:0.875rem;line-height:1.875rem;}
.fwz p em{ display:block; font-size:2.5rem; font-family:Impact; color:#e82129; margin:6px 0 25px;}
.foot2{ line-height:65px; font-size:0.875rem; color:#666;}
.foot2 a{}
.foot2 em{ padding:0 0.8%;}
.clearfix{*zoom:1}
.link{ float:right; width:110px; height:33px; background:#fff; position:relative;margin:-48px 14.585% 0 0; z-index:8;}
.link h3{ font:0.875rem "Microsoft YaHei UI"; color:#909090; line-height:33px; padding-left:10%; position:relative; cursor:pointer;}
.link h3:before{ content:""; position:absolute; top:8px; left:78%; width:1px; height:17px; background:#c7c7c7;}
.link h3:after{ content:""; position:absolute; top:16px; right:8%; width:0; height:0; border-top:3px solid #c7c7c7; border-left:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);}
.link p{ display:none; background:#fff; position:absolute; bottom:33px; left:0; width:100%; padding:1rem 0;}
.link p a{ display:block; font:14px "Microsoft YaHei UI"; line-height:30px; color:#666; text-align:center;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#e82129;}
.link:hover p{ display:block;}
.videoBox {
position: fixed;
bottom:10px;
left: 6px;
z-index: 999;
display: none;
}
.videoBox .close {
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
font-size: 30px;
font-weight: 100;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
text-align: center;
line-height: 30px;
top: -30px;
cursor: pointer;
right: -35px;
}
.videoBox video {
width: 330px;
height: 184px;
}
.client-2 {
width: 45px;
position: fixed;
right: 10px;
top: 75%;
z-index: 999;
color: #fff;
}
.client-2 li a {
text-decoration: none;
color: #fff;
}
.client-2 li {
margin-bottom: 5px;
width: 45px;
height: 45px;
border-radius: 50%;
cursor: pointer;
position: relative;
}
.client-2 li.my-kefu-qq {
background:#e30224 url(../images/cimg25.png) center no-repeat;
}
.client-2 li.my-kefu-weixin {
background:#e30224 url(../images/9_4.png) center no-repeat;
}
.client-2 li.my-kefu-tel {
background:#e30224 url(../images/9_2.png) center no-repeat;
}
.client-2 li.my-kefu-shouye {
background:#e30224 url(../images/tohome.png) center no-repeat;
background-size:26px;
}
.client-2 li.my-kefu-shouye a {
width: 45px;
height: 45px;
display: block;
}
.client-2 li.my-kefu-ftop {
background:#e30224 url(../images/returnTop.png) center no-repeat;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 li.my-kefu-qq .cont {
margin: 0;
background:#e30224 url(../images/cimg23.png) 15px center no-repeat;
border-radius: 50px;
padding-left: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;
width: 130px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.client-2 li.my-kefu-tel .cont {
margin: 0;
background:#e30224 url(../images/9_2.png) 15px center no-repeat;
border-radius: 50px;
padding-left: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 18px;
width: 200px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop .my-kefu-main {
padding-top: 6px;
}
.client-2 li.my-kefu-weixin .cont {
margin: 0;
width: 125px;
padding: 5px;
border: solid 1px #ccc;
position: absolute;
left: -150px;
top: -44px;
background-color: #fff;
}
.client-2 li.my-kefu-weixin .cont span {
display: block;
line-height: 20px;
font-size: 12px;
text-align: center;
color: #1a1a1a;
}
.client-2 li.my-kefu-weixin .cont img {
width: 115px;
height: 115px;
}
.client-2 li:hover .cont {
display: block!important;
}